<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
    <title>文件上传</title>
    <style type="text/css">
        .center
        {

            position: absolute;

            top: 50%;

            left: 50%;

            -webkit-transform: translate(-50%, -50%);

            -moz-transform: translate(-50%, -50%);

            -ms-transform: translate(-50%, -50%);

            -o-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

        }

        .posirelative {
            position: relative;
        }
        .select-out-div {
            width: 160px;
            overflow: hidden;
        }
        select.m-wrap {

            background-color: #ffffff;
            background-image: none !important;
            filter: none !important;
            border: 1px solid #e5e5e5;
            outline: none;
            height: 25px !important;
            line-height: 25px;
        }
        .select-hide-span {
            height: 25px;
            position: absolute;
            top: 0;
            border-right: 1px solid #e5e5e5;
            right: 0;
            width: 20px!important;
            z-index: 999;
        }
        .select-show-b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            margin-left: -4px;
            margin-top: 10px;
            position: absolute;
        }

        .radio-sex { position: relative; display: inline-block; margin-right: 12px;}
        .radio-sex input {
            vertical-align: middle;
            margin-top: -2px;
            margin-bottom: 1px;
            /* 前面三行代码是为了让radio单选按钮与文字对齐 */
            width: 15px; height: 15px; appearance: none;
            /*清楚默认样式*/
            -webkit-appearance: none;
            opacity: 0; outline: none; /* 注意不能设置为display:none*/
        }
        .radio-sex label
        {
            position: absolute;
            left: 0; top: 0; z-index: -1; /*注意层级关系，如果不把label层级设为最低，会遮挡住input而不能单选*/
            width: 15px; height: 15px;
            border: 1px solid #3582E9; border-radius: 100%;
        }
        .radio-sex input:checked+label { background: #3582E9;}
        .radio-sex input:checked+label::after
        { content: ""; position: absolute;
            left: 5px; top: 1px; width: 5px; height: 10px;
            border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg);
        }

        .button1 {
            -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
            padding: 8px 8px;
            text-align: center;
            background-color: white;
            color: black;
            border: 2px solid #87CEFF;
            border-radius:5px;
        }
        .button1:hover {
            background-color: #87CEFF;
            color: white;
        }
    </style>
</head>
<%String path = request.getContextPath();%>
<body>
<%--<img width="100%" height="100%" src="../img/3.jpg"/>--%>
<div class="center">

    <form action="<%=path%>/UploadHandleServlet" enctype="multipart/form-data" method="post">

        <table>

            <tr>
                <td > 试题类型：</td>
                <td>
                    <div class=" posirelative select-out-div">
                        <select class="m-wrap  "  style="width: 180px; padding: 2px 0;">
                            <option value="0">请选择</option>
                            <option value="1">类型1</option>
                            <option value="2">类型2</option>
                        </select>
                        <span class="select-hide-span" >
<b class="select-show-b"  ></b></span>
                    </div>
                </td>
            </tr>

            <tr>
                <td nowrap>导入形式：</td>
                <td>
                    <div class="radio-sex">
                        <input name="aspect" type="radio"  />
                        <label ></label> <span>只导入试题</span>
                    </div>
                    <div class="radio-sex">
                        <input name="aspect" type="radio"  />
                        <label ></label> <span>导入到已有试卷</span>
                    </div>
                    <div class="radio-sex">
                        <input name="aspect" type="radio"  />
                        <label></label> <span>导入到新建试卷</span>
                    </div>
                </td>

            </tr>

            <tr>

                <td >
                    选择文件：
                </td>

                <td><input type="file" name="file1" ><br/></td>
            </tr>

            <tr>
                <td></td>
                <td colspan="2" >
                    <input class="button1" name="submit" type="submit" value="提交" />
                    <input class="button1" name="reset" type="reset"value="重置"/>
                </td>
            </tr>

        </table>
        <!-- <input type="submit" value="提交"> -->
    </form>
</div >
</body>
</html>